<template>
	<div id="container">
		<header>
			<van-nav-bar
			  left-text="返回"
			  right-text="发票设置"
			  left-arrow
			  @click-left="onClickLeft"
			/>
			<van-dropdown-menu active-color="#ee0a24">
			  <van-dropdown-item v-model="value" :options="option" />
			  </van-dropdown-item>
			</van-dropdown-menu>		
		</header>
		<div id="content">
			<div class="invoices-item">
				<van-icon name="orders-o" />
				<h3>当前没有发票信息！</h3>
			</div>		
		</div>
		
		
	</div>
</template>

<script>
	export default{
		name:'Invoices',
		methods:{
			onClickLeft(){
				this.$router.go(-1)
			}
		},
		data(){
			return{
				  value: 0,
				  option: [
					{ text: '近一个月的订单', value: 0 },
					{ text: '近三个月的订单', value: 1 },
					{ text: '近半年内的订单', value: 2 },
					{ text: '半年前的订单', value: 3 }
				  ]
			}
		}
	}
</script>

<style scoped>
/*--------------------header-------------------  */
header .van-nav-bar{
	height: 48px;
	position: relative;
	border-bottom: 1px solid #8c8c8c;
}
header .van-icon-arrow-left{
	color: #373737;
	font-size:16px;
	font-weight: 600;
}
header .van-nav-bar__text{
	color: #373737;
	font-size:16px;
	font-weight: 600;
	font-family: "楷体";
}
header .van-icon-search{
	color:#222222;
	font-size: 22px;
	font-weight:600;
}
.van-hairline--top-bottom{
	position: absolute;
	top: 0px;
	left: 110px;
	font-weight:600;
	font-family:"楷体";
	color:#222222;
	height: 48px;
	border-bottom: 1px solid #8c8c8c;
	z-index: 99;
}

/* ---------------------------content--------------- */
/* ------invoices-item----- */
.invoices-item {
	text-align: center;
}
.invoices-item .van-icon-orders-o{
	font-size: 150px;
	color: #c0c4c7;
	margin-top:150px;
}
.invoices-item h3{
	font-family: "楷体";
	font-size: 20px;
	color: #989898;
	font-weight: 600;
}

</style>
